.top-title{
    padding: 37rpx 24rpx 20rpx;
    line-height: 50rpx;
    .left{
        float: left;
        color: #333;
        font-size: 36rpx;
    }
    .right{
        float: right;
        color: #999999;
        font-size: 24rpx;
    }
}
.HeartCourse .list{
    padding: 0 24rpx;
}
.delimiter{
    height: 20rpx;
    background-color: #F5F5F5;
}
.comment{
    //padding: 0 24rpx;
    > h5{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30rpx 24rpx 0;
        span:first-child{
            color: #333;
            font-size: 36rpx;
        }
        span:last-child{
            padding: 15rpx 28rpx;
            background-color: #DB4723;
            color: white;
            font-size: 28rpx;
            border-radius: 33rpx;
        }
    }
    .comment-container{
        padding-top: 20rpx;
        .comment-item{
            padding-top: 50rpx;
            h5{
                display: flex;
                align-items: center;
                padding: 0 24rpx;
                color: #333;
                font-size: 30rpx;
                img{
                    margin-right: 20rpx;
                    width: 100rpx;
                    height: 100rpx;
                }
            }
            .comment-content{
                padding: 20rpx 24rpx 0;
                .problem{
                    display: flex;
                    img{
                        flex: none;
                        margin-top: 10rpx;
                        margin-right: 10rpx;
                        width: 32rpx;
                        height: 32rpx;
                    }
                    span{
                        flex: none;
                        width: 660rpx;
                        color: #333333;
                        font-size: 30rpx;
                        text-align: justify;
                    }
                }
                .reply{
                    margin-top: 62rpx;
                    padding: 48rpx;
                    background-color: #F5F5F5;
                    border-radius: 16rpx;
                    .reply-title{
                        
                        display: flex;
                        align-items: center;
                        .icon{
                            img{
                                margin-right: 20rpx;
                                width: 64rpx;
                                height: 64rpx;
                            }
                        }
                    }
                    .description{
                        p:first-child{
                            color: #333333;
                            font-size: 28rpx;
                        }
                        p:last-child{
                            color: #9A9A9A;
                            font-size: 22rpx;
                        }  
                    }
                    .content{
                        padding-top: 59rpx;
                        color: #333333;
                        font-size: 30rpx;
                    }
                }
            }
            .comment-control{
                position: relative;
                padding: 40rpx 0;
                text-align: center;
                span:first-child{
                    color: #D2AA76;
                    font-size: 28rpx;
                }
                span:last-child{
                    position: absolute;
                    right: 24rpx;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    height: 30rpx;
                    color: #9A9A9A;
                    font-size: 24rpx;
                }
            }
        }
    }
}